<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>buscaencurico.cl</title>
        <link type="text/css" href="<?=base_url();?>jquery_ui/css/vader/jquery-ui-1.9.2.custom.css" rel="stylesheet" />
        <script type="text/javascript" src="<?=base_url();?>jquery_ui/js/jquery-1.8.0.min.js"></script>
         <script type="text/javascript" src="<?=base_url();?>jquery_ui/js/jqDnR.js"></script>
        <script type="text/javascript" src="<?=base_url();?>jquery_ui/js/jquery-ui-1.8.23.custom.min.js"></script>
       <script src="http://dev.jquery.com/view/tags/ui/latest/ui/ui.draggable.js"></script>
        <script type="text/javascript" src="<?=base_url();?>jquery_ui/js/AjaxUpload.2.0.min.js"></script>
        <link type="text/css" href="<?=base_url();?>CSS/login.css" rel="stylesheet"/>
        <script src="JS/bjqs-1.3.min.js"></script>
        <link rel="stylesheet" href="CSS/bjqs.css"></link>
        <script type="text/javascript">
            
            $(document).ready(function(){
                jQuery(document).ready(function($) {
            $('#banner-slide2').bjqs({
                
                height        : 150,
                width         : 175,
                responsive    : true,
                 randomstart:true,
               
                animtype : 'slide'
            });
});

                
                
               
                $.post(base_url+"welcome/verificaLogin",{}, 
                function(data){
                    
                    if(data.msje=='true') //Está logeado!
                    {
                                if(data.tipo=="1"){
                                        
                                        $("#menu").html("<li><a href='#' >ayuda</a></li> <li><a href='#' >Agregar Empresa</a></li> <li><a href='#' >Eliminar Empresa</a></li> <li><a href='/BuscaCurico/index.php/welcome/logout' >Cerrar Sesión</a></li>");
                                        $("#menu").show("slow",2000);
                                        $("#bienvenido").html("<font SIZE=5>Bienvenido: </font><font SIZE=2>"+data.nombre+" "+data.apellido+"</font> ");
                                        $("#bienvenido").show("slide",1000);
                                        
                                    }
                                if(data.tipo=="2"){
                                    rut=data.rut
                                                
                                        $("#menu").html("<li><a href='#' onclick='back();' >contactanos</a></li>  <li><a href='#' >ayuda</a></li> <li><a href='#' class='micuenta' id='' >Mi Cuenta</a></li> <li><a href='#' >Mis Productos</a></li> <li><a href='#' onclick='Producto();' >Nuevo Producto</a></li> <li><a href='/BuscaCurico/index.php/welcome/logout' >Cerrar Sesión</a></li>");
                                        $("#menu").show("slow",2000);
                                        $("#bienvenido").html("<font SIZE=5>Bienvenido: </font><font SIZE=2>"+data.nombre+" "+data.apellido+"</font> ");
                                        $("#bienvenido").show("slide",1000);
                                        
                                }
                                
                                
                                
                                $("#menu li a").hover(function(){
        $(this).stop().animate({"background-color":"#1384ae","padding-top":"12px"},{queue:false,duration:500}); 
       
    },function(){
        $(this).stop().animate({"background-color":"#282828","padding-top":"8px"},{queue:false,duration:160});
    })
                    }
                    else
                    {
                       
                    }
                },'json');
                
                $("#enlaceajax").click(function(evento){
		evento.preventDefault();
		
	});
                $("#contC2").css({"left":"100%"})
                
                $("#raiz ul li ul ").hide()
                $("#raiz ul li a").click(function(e){
                    e.preventDefault();
                    val=$(this).attr("value");
                     
                     
                    
                    
                    
                   // alert(val)
                    $(this).next("ul").slideToggle(300);
                    $.post("http://localhost/BuscaCurico/index.php/welcome/CargaNuevo",{valor: val},function(htmlresponse,data){
                        $("#contC2").html(htmlresponse,data);
                    });
                  
                }); 
                
                
                
                 $("#raiz ul li ul li a").click(function(e){
                   //$val=$(this).attr("value");
                    //alert($val)
                    
                   
                  $("#contC2").animate({"left":"0%"},1000);
                  
                });
                $("#menu li a").css({"background":"#282828"})
    
             $(".flecha").click(function(){
                  $("#contC2").animate({"left":"100%"},1000);
             })
    
      $
    
    $("#menu li a").hover(function(){
        $(this).stop().animate({"background-color":"#1384ae","padding-top":"12px"},{queue:false,duration:500}); 
       
    },function(){
        $(this).stop().animate({"background-color":"#282828","padding-top":"8px"},{queue:false,duration:160});
    })
             
          $(".x").hover(function(){
        $(".x").attr("src","imagenes/xhover.png"); 
       
    },function(){
        $(".x").attr("src","imagenes/x.png");
    }) 
             
             
             $(".cer").click(function(){
                 $(".back").css({"display":"none"})
                 $(".flotante").css({"z-index":"0","display":"none"})
                 
             })
            
     $(".buscar").click(function(){
         $("#contC3").animate({"right":"0%"})
         busca=$(".busca").attr("value");
         $.post("http://localhost/BuscaCurico/index.php/welcome/buscar",{valor: busca},function(htmlresponse,data){
                        $("#contC3").html(htmlresponse,data);
                        
                    });
         
         
     })
      $(".ocultarB").click(function(){
         $("#contC3").animate({"right":"100%"})
         
     })
   
     $(document).keypress(operaEvento);
     function operaEvento(evento){
      if(evento.which==13){
         $("#contC3").animate({"right":"0%"})
         busca=$(".busca").attr("value");
         $.post("http://localhost/BuscaCurico/index.php/welcome/buscar",{valor: busca},function(htmlresponse,data){
                        $("#contC3").html(htmlresponse,data);
                        
                    });
      }

}
});
              
        </script>
                
    </head>
    <body>
        <script>
     function back(){
                
               $(".back").css({"background":"rgba(0,0,0,.5)","display":"block","z-index":"1000"})
             $(".flotante").css({"z-index":"1001","display":"block"})
            // $(".x").onDrag(function(e){
   //alert("X: " + e.pageX + " - Y: " + e.pageY)
          //   $(".flotante").css({"left":e.pageX,"top":e.pageY})
  // });
 
             }  
     
   function inicio(){
       
   }
    </script>
     
        <a href="#"><img class="cerr" src="imagenes/x.png" style="position:absolute; top:  2%; right: 0%; z-index: 111;  display: none;"/></a>
    <div class="perfiles" style=" overflow: auto; top:50px;height: 90%; width: 100%; position:absolute;display:none; background-color:  #fff;"  >
    </div>
        <div class="back" style="height: 100%; width: 100%; position:absolute; z-index: 0;display: none;"  ></div>

        <div class="flotante" style="-moz-border-radius: 10px; border-radius: 10px;height: 560px; width: 500px; left:30%;top:60px; background-color: #F4F4F4; position: absolute;z-index: 0; display: none;">

            <a href="#" class="cer"><img class="x" src="imagenes/x.png" style="position:relative; left: 99%; top: -10px;"/></a>
          <!-- Formulario contacto! -->
          <center><table cellspacing="0" cellpadding="0" border="0" style="position: relative"><tr><td><iframe width="400" height="490" frameborder="0" src="http://es.foxyform.com/form.php?id=65309&sec_hash=d050a7bb72a"></iframe></td></tr><tr><td align="center"><a style="font:8px Arial;color:#5C5C5C;" href="http://es.foxyform.com">formulario de contacto</a></td></tr></table></center>
          
          
            
        </div>
        <div id="destino">
            
            
        </div>
        
        <div id="top" style=" z-index: 2; position: relative; margin-top: 0px;height:50px;width:100%; background-color:#282828; -webkit-box-shadow: 10px; " >
            
           <div id="bienvenido" style="position:relative; float: left;font-family: 'arial'; font-size: 12px; color: #fff;"></div>
            <ul id="menu">
                
                   <li><a href="#" onclick="back();" >contactanos</a></li>
                    <li><a href="#" >ayuda</a></li>
                    <li><a href="<?=base_url();?>" >BuscaCurico</a></li>
                    <li><a href="#" onclick="login();">inicio de sesion</a></li>
                    <li><a href="#" onclick="registro();" >registrate</a></li>
            </ul>
            
        </div>
       <div style="float: left; position: absolute; top: 8%; z-index: 1000;"><img style="height:130px;" src="imagenes/ofertas.png"/></div>
        <div id="ofertastop">
            
           
                      <div id="banner-slide2">

                                <!-- start Basic Jquery Slider -->
                                <ul class="bjqs">
                               
                                    <?php

$sql = mysql_query("SELECT * FROM productos ");
while ($mostrar = mysql_fetch_array($sql)){
  $url= $mostrar['miniaturas'];
  $nombre=$mostrar['nombre'];
  $precio=$mostrar['precio'];
  $rut=$mostrar['rut_empresa'];
echo '<li><a target="_blank" href="http://localhost/BuscaCurico/index.php/empresas/cargaperfil/'.$rut.'"><img src="'.$url.'" style="height:100px;width:135px;" title="'.$nombre.'-$'.$precio.'"></a></li>';
}
?>
                                    
                           
                                </ul>
                                <!-- end Basic jQuery Slider -->

                      </div>
                     
        </div>
       
        <div id="contenedor">
            <div id="contI">
                <div class="titulo"><div class="txt">avisos</div>
               </div>
                <div class="publioferta">
                    
                     <?php 
           $avisos=  mysql_query("SELECT * FROM avisos ,empresas WHERE empresas.rut_empresa=avisos.rut_empresa ORDER BY id DESC LIMIT 60");
           while ($avi = mysql_fetch_array($avisos)){
               $rut=$avi['rut_empresa'];
               $id=$avi['id'];
               $aviso=$avi['aviso'];
               $fecha=$avi['fecha'];
               $nom=$avi['nom_empresa'];
           echo "<div class='avisos' id='".$id."'  style='display:block;font-size:11px; width: 98%; max-height: 35%; margin-left:1%; margin-top:2%; background-color:  #ffffff;padding-top:2%;padding-bottom:6%;'><a target='_blank' href='http://localhost/BuscaCurico/index.php/empresas/cargaperfil/".$rut."'>".$nom."</a>:".$aviso."<br><div style='font-size:10px; margin-left:70%;color:#d8d4d4'>".$fecha."</div></div>";
           }
           ?>
                    
                    
                </div>
                
            </div>
 
           
              
             <div id="contC" style="position: relative; z-index:0; ">
                 
                   
                 <div style="position: relative;"><img style="position: relative; width: 103%; top: 130px; right:8px;" src='imagenes/busca.png'  /><input class="busca" name="busca" style="position: relative; top: 70px; left:32% ; border: none;" type="text" size="40" />
                               <a href="#" class="buscar"><img style="position: relative; top: 74px; left:32% ; border: none;" src="imagenes/lupa.jpg" height="20"/></a>
                 
                    
                 </div>
                                       
                 <div id="categorias">

                     <h1 class="texto"  style="left:30px;;top: 120px; font-size: 12px;">selecciona una categoria</h1>
                     <hr style="position: relative; top: 122px; width: 90%;"></hr>
                  <div id="raiz" >
                     
                      
                      <ul class="texto" style="position: relative; top: 130px;">
 
                          <?php
$sql = mysql_query("SELECT * FROM categorias");

while ($mostrar = mysql_fetch_array($sql)){

$var=$mostrar['id_categorias'];
echo "<li><a  href='#' style='font-size:12px;'>";
echo $mostrar['nom_cat'];



echo "</a>";
echo "<ul><li>";

         $sqll = mysql_query("SELECT * FROM sub_cat WHERE id_categorias='". $var ."'"); 
         while ($mostrar2 = mysql_fetch_array($sqll)){
           echo "<a href='#'  value='".$mostrar2['id_sub_cat']."'>";
              
             echo $mostrar2['nom_sub']."<br>";
           
         }
echo "</a></li></ul></li>";
}?>
                         
                      </ul> </div>
                    <div id="contC2" style="background-color: #fff; border-radius: 15px 15px 0px 0px;position:relative; height:70%;left: 0%; width:100%; top: 120px;">
                    
                    </div>
          <div id="contC3" style="background-color:#5C5C5C ; border-radius: 15px 15px 0px 0px;position:relative; height:70%;  right: 100%; width:100%; bottom:50%;">
              
             
              
            
            </div>
                     
                     
                
                     
                 </div>
                  
             </div>
           
            
              <div id="contD">
                  <div class="titulo"><div class="txt" style="left: 28%; ">publicidad</div></div>
                  <div class="publioferta">
                      <center>
                      <div id="banner-slide">

                                <!-- start Basic Jquery Slider -->
<!--                                <ul class="bjqs">
                               
                                    
                                    
                             <li><a href=""><img src="imagenes/publi1.jpg" ></a></li>
                             <li><img src="imagenes/publi2.jpg" ></li>
                             <li><img src="imagenes/publi3.jpg" ></li>
                                </ul>-->
                                <!-- end Basic jQuery Slider -->

                      </div>
                      </center>
                  </div>
              </div>
            
        </div>
        <!--<div id="" style="position:absolute;z-index: 10;bottom:-70px;height:80px;width:100%; background-color:#282828; -webkit-box-shadow: 2px 2px 15px #000;"></div>-->
        <div id="ventanamodal">
            <table id="tablaModal">
    <tr>
        <td>Rut usuario:</td>
        <td><input type="text" id="rut" size="20" class="ui-corner-all"/>(sin puntos)</td>
    </tr>
    <tr>
        <td>Nombre:</td>
        <td><input type="text" id="nombre" size="20" class="ui-corner-all"/></td>
    </tr>
        <tr>
        <td>Apellido:</td>
        <td><input type="text" id="apellido" size="20" class="ui-corner-all"/><input type="hidden" id="id_tipo" value="2" size="20" class="ui-corner-all"/></td>
    </tr>
    <tr>
        <td>Mail:</td>
        <td><input type="text" id="mail" size="20" class="ui-corner-all"/></td>
    </tr>
    <tr>
        <td>Rut Empresa:</td>
        <td><input type="text" id="rut_empresa" size="20" class="ui-corner-all"/>(sin puntos)</td>
    </tr>
    <tr>
        <td>nombre Empresa:</td>
        <td><input type="text" id="nombre_empresa" size="20" class="ui-corner-all"/></td>
    </tr>
    <tr>
        <td>Tipo Empresa:</td>
        <td><select id="id_tipo_emp" class="ui-corner-all">
                <option value="6">Seleccione el tipo de empresa
                <option value="1">Responsabilidad Limitada (E.I.R.L)
                <option value="2">Sociedad Limitada
                <option value="3">Sociedad Anonima
                <option value="4">Sociedad Comercial en Comandita
                <option value="5">Sociedad Comanditaria por Acciones
                <option value="6">Otro tipo
            </select></td>
    </tr>
    <tr>
        <td>Telefono:</td>
        <td><input type="text" id="telefono" size="20" class="ui-corner-all"/></td>
    </tr>
    <tr>
        <td>Clave:</td>
        <td><input type="password" id="clave" size="20" class="ui-corner-all"/></td>
    </tr>
   
</table>
            
        </div>
        <div id="ventanasesion">
            
             <table id="tblsesion">
                        <tr>
                            <td>Rut Usuario</td>
                            <td><input type="text" id="rut_usuario" class="ui-corner-all"/>(sin puntos)</td>
                        </tr>
                        <tr>
                            <td>Clave</td>
                            <td><input type="password" id="clave1" class="ui-corner-all"/><div id="msje" style="display:none;"></div></td>
                        </tr>
             </table>
        </div>
        
        </div>
        <div id="elimina-empresa">
            
             <table id="tblsesion">
                        <tr>
                            <td>Rut Empresa</td>
                            <td><input type="text" id="rut_" class="ui-corner-all"/>(sin puntos)</td>
                        </tr>
             </table>
        </div>
       
        <div id="producto">
            <table id="tablaModal">
    <tr>
        <td>Nombre:</td>
        <td><input type="text" id="nombre" size="20" class="ui-corner-all"/></td>
    </tr>
        <tr>
        <td>Descripción:</td>
        <td><input type="text" id="descripcion" size="20" class="ui-corner-all"/><input type="hidden" id="id_tipo" value="2" size="20" class="ui-corner-all"/></td>
    </tr>
    <tr>
        <td>Precio:</td>
        <td><input type="text" id="Precio" size="20" class="ui-corner-all"/></td>
    </tr>
    
    
    
</table>
            
        </div>
        
        <script>
base_url = '<?=base_url();?>index.php/';

jQuery(document).ready(function($) {
            $('#banner-slide').bjqs({
                animtype      : 'slide',
                height        : 400,
                width         : 200,
                responsive    : true
            });
});

function registro(){
      $("#ventanamodal").dialog("open");
  }
   $("#ventanamodal").dialog({
        autoOpen: false,
        width: 740,
        modal: true,
        resizable: false,
        closeOnEscape:false,
        buttons: [{id:'Guardar',text:'Guardar',
                click:function(){
                    base_url = '<?=base_url();?>index.php/';
                      $.post(base_url+'welcome/guardaRegistro',
                            
                            {
                                nombre:$("#nombre").val(),
                                rut:$("#rut").val(),
                                apellido:$("#apellido").val(),
                                rut_empresa:$("#rut_empresa").val(),
                                nombre_empresa:$("#nombre_empresa").val(),
                                id_tipo_emp:$("#id_tipo_emp").val(),
                               
                                telefono:$("#telefono").val(),
                                mail:$("#mail").val(),
                                id_tipo:$("#id_tipo").val(),
                                clave:$("#clave").val()
                               
                            },function(data){
                           
                                alert("usuario registrado");
                                $( this ).dialog( "close" );
                                
                                
                            },"json"
                        )
                    
                }
        },{id:'Cancelar', text:'Cancelar',click:function(){
                     
                     $( this ).dialog( "close" );
                }
            }
        ],
        close: function(){
            $( this ).dialog( "close" );
        }
    });
    
    
   function login(){
        $("#ventanasesion").dialog('open');
    }
    $("#ventanasesion").dialog({
        autoOpen: false,
        width: 540,
        modal: true,
        resizable: false,
        closeOnEscape:false,
        buttons: [{id:'Entrar',text:'Entrar',
                click:function(){
                    $.post(base_url+'welcome/Login',{
                                usuario:$("#rut_usuario").val(),
                                clave:$("#clave1").val()
                            },function(data){
                                if(data.msj=="true")
                                {
                                    if(data.tipo=="1"){
                                        $("#menu").html("<li><a href='#' >ayuda</a></li> <li><a href='#' onclick='registro();'>Agregar Empresa</a></li> <li><a href='#' onclick='EliEmpresa();'>Eliminar Empresa</a></li> <li><a href='/BuscaCurico/index.php/welcome/logout' >Cerrar Sesión</a></li>");
                                        $("#menu").show("slow",2000);
                                        $("#bienvenido").html("<font SIZE=5>Bienvenido: </font><font SIZE=2>"+data.nombre+" "+data.apellido+"</font> ");
                                        $("#bienvenido").show("slide",1000);
                                        ;
                                         $("#ventanasesion").dialog('close');
                                        
                                    }
                                    if(data.tipo=="2"){
                                       
                                         
                                        $("#menu").html("<li><a href='#' onclick='back();' >contactanos</a></li>  <li><a href='#' >ayuda</a></li> <li><a href='#' >Mi Cuenta</a></li> <li><a href='#' >Mis Productos</a></li> <li><a href='#' onclick='Producto();' >Nuevo Producto</a></li> <li><a href='/BuscaCurico/index.php/welcome/logout' >Cerrar Sesión</a></li>");
                                        $("#menu").show("slow",2000);
                                        $("#bienvenido").html("<font SIZE=5>Bienvenido: </font><font SIZE=2>"+data.nombre+" "+data.apellido+"</font> ");
                                        $("#bienvenido").show("slide",1000);
                                        
                                        $("#ventanasesion").dialog('close');
                                    }
                                    
                                }
                                else
                                {
                                    alert("Usuario no Registrado o clave incorrecta");
                                }

                                
                               
                                
                            },"json"
                        );
                        
                       
                              
                       
                }
        },{id:'Cancelar', text:'Cancelar',click:function(){
                      $( this ).dialog( "close" );
                }
            }
        ],
        close: function(){
            $( this ).dialog( "close" );
        }
    });
   
    function micuenta(){
        
        
        
    }
    
function EliEmpresa(){
   $("#elimina-empresa").dialog("open");
}


$("#elimina-empresa").dialog({
        autoOpen: false,
        width: 540,
        modal: true,
        resizable: false,
        closeOnEscape:false,
        buttons: [{id:'Eliminar',text:'Eliminar',
                click:function(){
                    
                      $.post(base_url+'welcome/Elimina',{
                                empresa:$("#rut_").val()
                            },function(data){
                                if(data.msjx=="true")
                                {
                                    alert("Empresa eliminada");
                                    $("#elimina-empresa").dialog("close");
                                }
                                else
                                {
                                    alert("Rut no registrado");
                                }
                                
                                
                            },"json"
                        )
                    
                }
        },{id:'Cancelar', text:'Cancelar',click:function(){
                     
                     $( this ).dialog( "close" );
                }
            }
        ],
        close: function(){
            $( this ).dialog( "close" );
        }
    });
    
    

function Producto(){
      $("#producto").dialog("open");
  }
   $("#producto").dialog({
        autoOpen: false,
        width: 740,
        modal: true,
        resizable: false,
        closeOnEscape:false,
        buttons: [{id:'Guardar',text:'Guardar',
                click:function(){
                    
                      $.post(base_url+'welcome/nuevoproducto',
                            
                            {
                                nombre:$("#nombre").val(),
                                descripcion:$("#descripcion").val(),
                                precio:$("#precio").val()
                            },function(data){
                           
                                alert("Producto registrado");
                                $("#producto").dialog("close");
                                
                                
                            },"json"
                        )
                    
                }
        },{id:'Cancelar', text:'Cancelar',click:function(){
                     
                     $( this ).dialog( "close" );
                }
            }
        ],
        close: function(){
            $( this ).dialog( "close" );
        }
    });
    </script>
    </body>
</html>
